<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车订单</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="shortcut icon" href="bitbug_favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/shopping-cart.css" />
    <link rel="stylesheet" href="./css/register.css" />
    <link rel="stylesheet" href="./css/trolley.css" />
  </head>
  <body>
    <div class="shortcut">
      <div class="w">
        <div class="shortcut-left">
          <span class="icon-location1">广东</span> &nbsp;
          <span>品优购欢迎你! </span> &nbsp;
          <a href="./disembark.html"> 请登录</a> &nbsp;
          <a href="./register.html" class="red">免费注册</a>
        </div>
        <div class="shortcut-rigth">
          <ul>
            <li><a href="#"> 我的订单 </a></li>
            <li class="line">|</li>
            <li>
              <a href="#"> 我的品优购 </a>
              <span class="icon-cheveron-down"></span>
            </li>
            <li class="line">|</li>
            <li><a href="#"> 品优购会员 </a></li>
            <li class="line">|</li>
            <li><a href="#"> 企业采购 </a></li>
            <li class="line">|</li>
            <li>
              <a href="#"> 关注品优购 </a>
              <span class="icon-cheveron-down"></span>
            </li>
            <li class="line">|</li>
            <li>
              <a href="#"> 客户服务 </a>
              <span class="icon-cheveron-down"></span>
            </li>
            <li class="line">|</li>
            <li>
              <a href="#"> 网站导航 </a>
              <span class="icon-cheveron-down"></span>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 顶部导航栏 end -->
    <!-- logo部分开始 -->
    <div class="w">
      <div class="logo">
        <h1>
          <a href="./index.html" title="品优购">品优购</a>
        </h1>
      </div>
      <h3 class="gouche">购物车</h3>
      <div class="header-centerr">
        <div class="center">
          <input type="text" placeholder="自营" />
          <button class="icon-search"><em></em> 搜索</button>
        </div>
      </div>
    </div>
    <!-- logo结束 -->
    <!-- 订单开始 -->
    <div class="w">
      <h3 class="verify">全部商品 11</h3>
      <div class="check">
        <input type="checkbox" />全选
        <span> 商品 </span>
        <ul>
          <li>单价（元）</li>
          <li>数量</li>
          <li>小计（元）</li>
          <li>操作</li>
        </ul>
      </div>
      <div class="checkk">
        <input type="checkbox" /> <span> 优购自营 </span>
        <ul>
          <li>运费: ¥6.00</li>
          <li class="red">还差</li>
          <li class="red">¥99.00免运费</li>
        </ul>
      </div>
      <!-- 展品区kais -->
      <div class="exhibits">
        <input type="checkbox" />
        <ul>
          <li class="checkbox1"><img src="./uploads/000001.png" alt="" /></li>
          <li class="checkbox2">
            苹果（Apple）MD463FE/A MAC Thunderbolt雷电接口 至千兆以太网转
            <span></span> 购买礼品包装
          </li>
          <li class="checkbox3">尺码：Thunderbolt至千兆...</li>
          <li class="checkbox4">248.00</li>
          <li class="checkbox5">
            <div class="boxx4">
              <div class="boxx1">-</div>
              <div class="boxx2">1</div>
              <div class="boxx3">+</div>
            </div>

            <div class="bo4">有货</div>
          </li>
          <li class="checkbox6">248.00</li>
          <li class="checkbox7">
            <p>删除</p>
            <span>移到我的关注</span>
          </li>
        </ul>
        <!-- 活动换购 -->
        <div class="redemption">
          <div class="huodong"></div>
          <input type="checkbox" />
        </div>
      </div>

      <!-- 展品区结束 -->
    </div>
    <!-- 订单结束 -->
  </body>
</html>
